<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="css/mui.css" rel="stylesheet" />
		<link href="css/mui.min.css" rel="stylesheet"/>
		<link rel="stylesheet" type="text/css" href="css/style.css"/>
	</head>

	<body>
		<!-- 底部导航 -->
		<nav class="mui-bar mui-bar-tab">
			<a class="mui-tab-item mui-active" href="current_task.html">
				<span class="mui-icon mui-icon-map"></span>
				<span class="mui-tab-label">当前任务</span>
			</a>
			<a class="mui-tab-item" href="contant.html">
				<span class="mui-icon mui-icon-phone"></span>
				<span class="mui-tab-label">告警联系</span>
			</a>
			<a class="mui-tab-item" href="task.html">
				<span class="mui-icon mui-icon-bars"></span>
				<span class="mui-tab-label">任务列表</span>
			</a>
			<a class="mui-tab-item" href="home.html">
				<span class="mui-icon mui-icon-person"></span>
				<span class="mui-tab-label">个人中心</span>
			</a>
		</nav>
		
		<script src="./js/mui.min.js"></script>
		<script type="text/javascript">
			mui.init();
			mui.plusReady(function(){
				var page = [
					'current_task.html',
					'contant.html',
					'task.html',
					'home.html'
				];
				//当前窗口
				var styles = {
					top:"0px",
					bottom:"50px"
				};
				var ws = plus.webview.currentWebview();
				//创建四个窗口
				for(var i=0;i<page.length;i++){
					var item = plus.webview.create( page[i], page[i], styles);
					//添加到当前窗口
					item.hide();
					ws.append(item);
				}
				plus.webview.show(page[0])
				mui(".mui-bar-tab").on('tap', 'a', function(){
					var href = this.getAttribute("href");
					plus.webview.show(href);
				})
			})
		</script>
	</body>
</html>
